<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%--
  Created by IntelliJ IDEA.
  User: 衰草寒烟
  Date: 2017/1/24
  Time: 15:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../../inc/top.jsp"%>
<link rel="stylesheet" href="<%=ctxpath%>/static/datatable/dataTables.bootstrap.min.css">
<div class="wrapper">

    <header class="main-header">
        <!-- Logo -->
        <a href="javascript:void(0);" class="logo">
            <span class="logo-mini"><b>玺奥</b></span>
            <span class="logo-lg"><b>玺奥</b>教育</span>
        </a>
        <nav class="navbar navbar-static-top" role="navigation">
            <a href="javascript:void(0);" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle navigation</span>
            </a>
            <div class="navbar-custom-menu" style="margin-top: 10px;margin-right: 30px;">
                <ul class="nav navbar-nav">
                    <li class="dropdown user user-menu">
                        <a href="javascript:void(0);"><span class="hidden-xs">${USER.name}</span></a>
                    </li>
                    <li><a href="<%=ctxpath%>/logout.jsp"><i><u>注销</u></i></a></li>
                </ul>
            </div>
        </nav>
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            <ul class="sidebar-menu">
                <li class="active treeview">
                    <a href="javascript:void(0);">
                        <span class="glyphicon glyphicon-th"></span> <span>学员管理</span> <span class="glyphicon glyphicon-chevron-left pull-right"></span>
                    </a>
                    <ul class="treeview-menu">
                        <li class="active"><a href="<%=ctxpath%>/ry/xy.do"><span class="glyphicon glyphicon-paperclip"></span> 学员信息</a></li>
                        <li><a href="<%=ctxpath%>/kc/list.do"><span class="glyphicon glyphicon-folder-open"></span> 课程信息</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="<%=ctxpath%>/ry/xs.do">
                        <span class="glyphicon glyphicon-globe"></span>
                        <span>学生管理</span>
                    </a>
                </li>
                <li class="treeview">
                    <a href="<%=ctxpath%>/ry/addym.do">
                        <span class="glyphicon glyphicon-import"></span> <span>信息录入</span>
                    </a>
                </li>
                <%--<li class="treeview">
                    <a href="<%=ctxpath%>/ft/addft.do">
                        <span class="glyphicon glyphicon-send"></span> <span>访谈录入</span>
                    </a>
                </li>--%>
            </ul>
        </section>
    </aside>
    <%--正文--%>
    <div class="content-wrapper">
        <!-- 文字导航 -->
        <section class="content-header">
            <ol class="breadcrumb">
                <li><a href="javascript:void(0);"> 学员管理</a></li>
                <li><a href="<%=ctxpath%>/kc/list.do" class="active">课程信息</a></li>
            </ol>
        </section>
            <br/>
        <!-- Main content -->
        <section class="content">
            <table class="table table-striped table-bordered table-hover datatable" id="kctable">
                <thead>
                <tr>
                    <th class="text-center">序号</th>
                    <th class="text-center">课程名</th>
                    <th class="text-center">授课老师 </th>
                    <th class="text-center">开课时间</th>
                    <th class="text-center">授课时长</th>
                    <th class="text-center">报课人数</th>
                </tr>
                </thead>
                <tbody>
                <c:forEach var="kcheng" items="${kclist}" varStatus="s">
                    <tr>
                        <td class="text-center">${s.index + 1}</td>
                        <td class="text-center">${kcheng.km}</td>
                        <td class="text-center">${kcheng.ls}</td>
                        <td class="text-center">${kcheng.kksj}</td>
                        <td class="text-center"><fmt:formatDate value="${kcheng.kksj}" pattern="yyyy-MM-dd HH:mm:ss"/> </td>
                        <td class="text-center">
                            <a href="<%=ctxpath%>/ry/getft.do?id=${kcheng.id}">
                                <u>${kcheng.rs}</u>
                            </a>
                        </td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>
            <script type="text/javascript">
                jQuery(document).ready(function($) {
                    $('#kctable').dataTable({
                        "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
                        "bStateSave": true,
//            "bSort": false,
                        "oLanguage": {
                            "sLengthMenu": "每页显示 _MENU_ 条记录",
                            "sZeroRecords": "对不起，查询不到任何相关数据",
                            "sInfo": "当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录",
                            "sInfoEmtpy": "找不到相关数据",
                            "sInfoFiltered": "数据表中共为 _MAX_ 条记录)",
                            "sProcessing": "正在加载中...",
                            "sSearch": "搜索",
                            "oPaginate": {
                                "sFirst": "首页",
                                "sPrevious": " 上一页 ",
                                "sNext": " 下一页 ",
                                "sLast": " 末页 "
                            }
                        }
                    })
                })
            </script>
        </section><!-- /.content -->
    </div><!-- /.content-wrapper -->
    <footer class="main-footer">
        <div class="pull-right hidden-xs">
            <b>系统版本</b> V1.0
        </div>
        <strong>Copyright &copy; 2017 <a href="javascript:void (0);">玺奥信息安全技术有限公司</a>.</strong>
    </footer>
    <div class="control-sidebar-bg"></div>
</div><!-- ./wrapper -->

<script src="<%=ctxpath%>/static/datatable/jquery.dataTables.js"></script>
<script src="<%=ctxpath%>/static/datatable/dataTables.bootstrap.min.js"></script>
<%@include file="../../inc/bottom.jsp"%>
